<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本样式</title>
    <style>
        .box {
            width: 100px;
            height: 100px;
            border: 1px solid;
            /*left center right*/
            text-align: right;
            /*text-decoration: underline;*/
            /* text-decoration: line-through;*/
            /*text-decoration: overline;*/
            text-decoration: none;
            color: green;
        }


        .box:hover{
             width: 300px;
            background-color: green;
        }

        /*a:link {color:#FF0000;}		!* 未被访问的链接 *!*/
        /*a:visited {color:#00FF00;}	!* 已被访问的链接 *!*/
        /*a:hover {color:#FF00FF;}	!* 鼠标指针移动到链接上 *!*/
        /*a:active {color:#0000FF;}	!* 正在被点击的链接 *!*/


        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
            color: red;
        }

        a:hover {
            text-decoration: line-through;
        }

        a:active{
             text-decoration: line-through;
             color: aquamarine;
        }

    </style>
</head>
<body>
<div class="box">
    <a href="#">hello</a>
    <a href="https://docs.qq.com/sheet/DTGpvcHZteGZyY1hm?tab=x8vpv0">hello,again!</a>
    <a href="#">hello3</a>
    <a href="#">hello4</a>
</div>
<div class="box">
    world
</div>
</body>
</html>